<section style="background-color: #f8f9fa; border-radius: 8px; padding: 20px; margin-bottom: 30px; box-shadow: 0 2px 10px rgba(0,0,0,0.1);">
  <div style="font-family: 'Helvetica Neue', Arial, sans-serif;">
    <h1 style="font-size: 42px; color: #2c3e50; text-align: center; margin-bottom: 10px; font-weight: 300;">
      <span style="display: inline-block; background: #3498db; color: white; padding: 0 15px; border-radius: 20px;">
        01
      </span>
    </h1>
    <h2 style="font-size: 28px; color: #34495e; text-align: center; margin-bottom: 20px; font-weight: 400; border-bottom: 2px solid #3498db; padding-bottom: 10px;">
      <span>
        文章标题示例
      </span>
    </h2>
  </div>
  
  <p style="font-size: 16px; line-height: 1.8; color: #4a4a4a; font-family: 'Helvetica Neue', Arial, sans-serif; padding: 0 15px;">
    <span>
      这里是文章内容示例。这个模板采用了现代简约风格，使用柔和的配色方案和圆角设计。内容区域有适当的行高和间距，提高可读性。
    </span>
  </p>

  <div style="text-align: right; margin-top: 20px;">
    <a href="https://example.com" style="display: inline-block; background: linear-gradient(135deg, #3498db, #2ecc71); color: white; text-decoration: none; padding: 8px 20px; border-radius: 4px; font-size: 14px; transition: all 0.3s ease;">
      <span>
        More
      </span>
    </a>
  </div>
</section>